<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>产品中心</title>
    <link rel="shortcut icon" href="$request.getContextPath()/resources/cws/images/logo.ico" />
    <link rel="stylesheet" type="text/css" href="$request.getContextPath()/resources/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="$request.getContextPath()/resources/cws/portal/home/css/style.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="$request.getContextPath()/resources/cws/portal/home/css/slider.css" rel="stylesheet" type="text/css" media="all"/>

    <script type="text/javascript" src="$request.getContextPath()/resources/cws/portal/home/js/jquery-1.9.0.min.js"></script>
    <script type="text/javascript" src="$request.getContextPath()/resources/cws/portal/home/js/jquery.nivo.slider.js"></script>
    <script type="text/javascript">
        $(window).load(function() {
            $('#slider').nivoSlider();
        });
    </script>
</head>
<body>
<div class="header" style="margin-top: -2px;">
    <div class="header_top">
        <div class="wrap">
            <div class="logo">
                <a href="$request.getContextPath()/portal/home/index"><img src="$request.getContextPath()/resources/cws/images/logo.png" alt="" /></a>
            </div>
            <div class="menu">
                <ul>
                    <li><a href="$request.getContextPath()/portal/home/index">首页</a></li>
                    <li class="active"><a href="$request.getContextPath()/portal/home/product">产品中心</a></li>
                    <li><a href="$request.getContextPath()/portal/home/service">服务中心</a></li>
                    <li><a href="$request.getContextPath()/portal/home/news">新闻</a></li>
                    <li><a href="$request.getContextPath()/portal/home/function">功能介绍</a></li>
                    <li><a href="$request.getContextPath()/portal/home/about">关于我们</a></li>
                    <li><a href="$request.getContextPath()/portal/home/contact">联系我们</a></li>
                    <div class="clear"></div>
                </ul>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <div class="slider">
        <div class="slider-wrapper theme-default">
            <div id="slider" class="nivoSlider">
                <img src="$request.getContextPath()/resources/cws/portal/home/images/1.jpg" data-thumb="images/1.jpg" alt="" />
                <img src="$request.getContextPath()/resources/cws/portal/home/images/2.jpg" data-thumb="images/2.jpg" alt="" />
                <img src="$request.getContextPath()/resources/cws/portal/home/images/3.jpg" data-thumb="images/3.jpg" alt="" />
                <img src="$request.getContextPath()/resources/cws/portal/home/images/4.jpg" data-thumb="images/4.jpg" alt="" />
            </div>
        </div>
    </div>
</div>
<div class="main">
    <div class="wrap">
        <div class="content" style="width: 100%;margin: 0 auto;">
            <div class="content-form">
                <div class="container-fluid" style="margin: 0px;padding: 0px;width: 100%">
                    <div class="col-md-offset-2">
                        <h2  style="font-size: 1.2em;text-transform: uppercase;font-family: 'ambleregular';padding: 8px 0;text-align: left;">产品中心</h2>
                    </div>
                    #foreach($product in $!pageBean.recordList)
                    <div class="row" style="margin-top: 40px" style="border: 5px solid cornflowerblue">
                        <div class="col-md-offset-2 col-md-4">
                            <a href="$request.getContextPath()/portal/home/product/${product.id}"><h1 style="color: #FFF;font-size: 1.2em;text-transform: uppercase;font-family: 'ambleregular';padding: 8px 0;text-align: left;background-color: #0e90d2">$product.title</h1></a>
                            <div style="height: 180px;">

                            </div>
                            <div style="margin-top: 20px">
                                <span><h4><a href="$request.getContextPath()/">baby慕慕</a></h4></span>
                                <span style="margin-left: 100px"><h4>$!date.format('yyyy-MM-dd HH:mm:ss ',$new.createTime)</h4></span>
                            </div>
                        </div>
                        <div class="col-md-4"><img src="$url.zimg()/$product.logo" class="img-responsive" style="width: 500px;height: 300px"></div>
                    </div>
                    #end
                    <div class="col-md-offset-2">
                        #parse('common/layout/page.html')
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="clear"></div>
</div>
#parse('portal/home/footer.html')
</body>
</html>